<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小兔鲜儿 - 新鲜 惠民 快捷！</title>
    <link rel="shortcut icon" href="./images/favicon.ico">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/cart.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/swiper.css">
    <script src="js/swiper.js"></script>
</head>

<body>
    <!-- 项部导航 -->
    <div class="xtx_topnav">
        <div class="wrapper">
            <!-- 顶部导航 -->
            <ul class="xtx_navs">
                <li>
                    <a href="./login.html">请先登录</a>
                </li>
                <li>
                    <a href="./login.html">退出登录</a>
                </li>
                <li>
                    <a href="./register.html">免费注册</a>
                </li>
                <li>
                    <a href="javascript:;">我的订单</a>
                </li>
                <li>
                    <a href="javascript:;">会员中心</a>
                </li>
                <li>
                    <a href="javascript:;">帮助中心</a>
                </li>
                <li>
                    <a href="javascript:;">在线客服</a>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="mobile sprites"></i> 手机版
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <!-- 头部 -->
    <div class="xtx_header">
        <div class="wrapper">
            <!-- 网站Logo -->
            <h1 class="xtx_logo">
                <a href="index.html">
                    <div class="xtx_logo">小兔鲜儿</div>
                </a>
            </h1>
            <!-- 主导航 -->
            <div class="xtx_navs">
                <ul class="clearfix">
                    <li>
                        <a href="./index.html">首页</a>
                    </li>
                    <li class="item">
                        <a href="javascript:;">好物</a>
                        <div class="select">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/2b1edfa6d05445de684b7df854895c0b.png?quality=95&imageView" alt="">
                                        <p>登机箱</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/cd44477ca9614ed81ffb58c5cacdab26.png?quality=95&imageView" alt="">
                                        <p>托运箱</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/c01b0f1075158c5a5eb1ff9a33347bb8.png?quality=95&imageView" alt="">
                                        <p>数码电器</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/c6ff77bbb7d0f39622da300f6f5f5442.png?quality=95&imageView" alt="">
                                        <p>户外运动鞋</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="item">
                        <a href="javascript:;">人气</a>
                        <div class="select">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/f5797ca77cfe413e7753ec69f9bd4bb1.png?quality=95&imageView" alt="">
                                        <p>影音娱乐</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/da0ac345e98c04594b697b56ebc373a5.png?quality=95&imageView" alt="">
                                        <p>乐器</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/3f45fbcdac7e8532b6a1570e6d7fe171.png?quality=95&imageView" alt="">
                                        <p>车载用品</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/801583d2f58274b13dc6a03daed1c3c9.png?quality=95&imageView" alt="">
                                        <p>办公文具</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="item">
                        <a href="javascript:;">品牌</a>
                        <div class="select">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/b26d34d052d9c780d695bf4b601bfffc.png?quality=95&imageView" alt="">
                                        <p>高级珠宝</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/7daf27044470881e8839b46a262d958c.png?quality=95&imageView" alt="">
                                        <p>时尚搭配</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/c01b0f1075158c5a5eb1ff9a33347bb8.png?quality=95&imageView" alt="">
                                        <p>数码电器</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/da0ac345e98c04594b697b56ebc373a5.png?quality=95&imageView" alt="">
                                        <p>乐器</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="item">
                        <a href="javascript:;">生鲜</a>
                        <div class="select">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView" alt="">
                                        <p>网易黑猪</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/cc361cf40d4f81c7eccefed1ad18face.png?quality=95&imageView" alt="">
                                        <p>水产海鲜</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/c11f5457dfb38e76f60100c87ecdf0cd.png?quality=95&imageView" alt="">
                                        <p>全球美食</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/fe8e9c985d538cc1c1ced011a67ffe69.png?quality=95&imageView" alt="">
                                        <p>冷冻冷藏</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="item">
                        <a href="javascript:;">服饰</a>
                        <div class="select">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/1f0089afcec911db7202fbcdae57d5f8.png?quality=95&imageView" alt="">
                                        <p>T恤/polo/衬衫</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/773677cc0922628152a9b3cbd862426f.png?quality=95&imageView" alt="">
                                        <p>连体衣/礼盒</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/bf9f0a32c2b79c6d29de7d0843888b48.png?quality=95&imageView" alt="">
                                        <p>卫衣/毛衫</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/8a4be0d65d4a2f3ba36b3af8ee8d9414.png?quality=95&imageView" alt="">
                                        <p>外套/套装</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="item">
                        <a href="javascript:;">餐厨</a>
                        <div class="select">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/55d927e337c1f6d394359e99ef72a621.png?quality=95&imageView" alt="">
                                        <p>餐厨清洁</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/718318c0d3b55d011fcb7c7c843902ce.png?quality=95&imageView" alt="">
                                        <p>家庭清洁</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/949c5f8b077cf386ff9f1f18bec3408b.png?quality=95&imageView" alt="">
                                        <p>餐布毛巾</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>

                    <li class="item">
                        <a href="javascript:;">居家</a>
                        <div class="select">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/3102b963e7a3c74b9d2ae90e4380da65.png?quality=95&imageView" alt="">
                                        <p>茶咖酒具</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/45b50d5f8afbd6fdef97314647dcb7db.png?quality=95&imageView" alt="">
                                        <p>水具杯壶</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/b42a85ef15f856081ea9f49e5f6893e2.png?quality=95&imageView" alt="">
                                        <p>宠物食品</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/e766b09029ca00680d1e651b5cdc42bd.png?quality=95&imageView" alt="">
                                        <p>宠物用品</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="item">
                        <a href="javascript:;">专题</a>
                        <div class="select">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/b42a85ef15f856081ea9f49e5f6893e2.png?quality=95&imageView" alt="">
                                        <p>宠物食品</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/e766b09029ca00680d1e651b5cdc42bd.png?quality=95&imageView" alt="">
                                        <p>宠物用品</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/141625f78404b8c81e431084a139b836.png?quality=95&imageView" alt="">
                                        <p>出行配件</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/c01b0f1075158c5a5eb1ff9a33347bb8.png?quality=95&imageView" alt="">
                                        <p>数码电器</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/da0ac345e98c04594b697b56ebc373a5.png?quality=95&imageView" alt="">
                                        <p>乐器</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/7daf27044470881e8839b46a262d958c.png?quality=95&imageView" alt="">
                                        <p>时尚搭配</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/3102b963e7a3c74b9d2ae90e4380da65.png?quality=95&imageView" alt="">
                                        <p>茶咖酒具</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/8a4be0d65d4a2f3ba36b3af8ee8d9414.png?quality=95&imageView" alt="">
                                        <p>外套/套装</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/718318c0d3b55d011fcb7c7c843902ce.png?quality=95&imageView" alt="">
                                        <p>家庭清洁</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/c11f5457dfb38e76f60100c87ecdf0cd.png?quality=95&imageView" alt="">
                                        <p>全球美食</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 站内搜索 -->
            <div class="xtx_search clearfix">
                <!-- 购物车 -->
                <a href="javascript:;" class="xtx_search_cart sprites">
                    <i>0</i>
                </a>
                <!-- 搜索框 -->
                <div class="xtx_search_wrapper">
                    <input type="text" placeholder="搜一搜" onclick="location.href='javascript:;'">
                </div>
            </div>
        </div>
    </div>
    <!-- 购物车 -->
    <div class="xtx_cart">
        <div class="wrapper">
            <div class="xtx-bread">
                <a href="index.html">首页</a>
                <span class="iconfont icon-dayuhao"></span>
                <span>购物车</span>
            </div>
            <table class="xtx-table">
                <thead>
                    <tr>
                        <th width="120">
                            <input type="checkbox" /> 全选
                        </th>
                        <th width="400">商品信息</th>
                        <th width="220">单价</th>
                        <th width="180">数量</th>
                        <th width="180">小计</th>
                        <th width="140">操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td colspan="6">
                            <div class="cart-none">
                                <img src="images/shop.png" alt="">
                                <p>购物车内暂时没有商品</p>
                                <button class="xtx-btn">继续逛逛</button>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
            <div class="action">
                <div class="xtx-checkbox">
                    <input type="checkbox">
                    <span>全选</span>
                    <a href="#">删除商品</a>
                    <a href="#">移入收藏夹</a>
                    <a href="#">清空失效产品</a>
                </div>
                <div class="total">
                    共 0 件商品，已选择 0 件，商品合计：
                    <span class="red">¥0</span>
                    <button class="xtx-btn total-btn">下单结算</button>
                </div>
            </div>
            <div class="goods-relevant">
                <div class="header">
                    <i class="icon"></i>
                    <span class="title">猜你喜欢</span>
                </div>

                <!-- Swiper -->
                <ul class="bottom">
                    <div class="swiper mySwiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan-item.nosdn.127.net/16e0f76367c3184ef64431a5676e69c0.png" alt="">
                                        <p class="name">可以喝的水果面膜韩国蜂蜜柚子茶560克</p>
                                        <p class="price">¥35.00</p>
                                    </a>
                                    <a href="#">
                                        <img src="https://yanxuan-item.nosdn.127.net/889a9d14fdd4dcac2a9beb90baadd77c.png" alt="">
                                        <p class="name">高贵鸽血红泰国红宝石18K金项链</p>
                                        <p class="price">¥2099.00</p>
                                    </a>
                                    <a href="#">
                                        <img src="https://yanxuan-item.nosdn.127.net/f3784ed01706f2f2722f12410a6429c9.png" alt="">
                                        <p class="name">创意金属立体拼酷模型</p>
                                        <p class="price">¥158.00</p>
                                    </a>
                                    <a href="#">
                                        <img src="https://yanxuan-item.nosdn.127.net/5a534ba267f62997754c82fce0ed0355.jpg" alt="">
                                        <p class="name">把春天戴身上不落之樱珍珠母贝樱花项链</p>
                                        <p class="price">¥269.00</p>
                                    </a>
                                </li>
                            </div>
                            <div class="swiper-slide">
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan-item.nosdn.127.net/6927091deefa56c5538563a2f482a85c.png" alt="">
                                        <p class="name">泰国原装进口多口味豆奶300毫升*6瓶</p>
                                        <p class="price">¥28.90</p>
                                    </a>
                                    <a href="#">
                                        <img src="https://yanxuan-item.nosdn.127.net/ea37324941757de1113e883caaa40715.png" alt="">
                                        <p class="name">28寸巨能装纯PC拉杆箱</p>
                                        <p class="price">¥569.00</p>
                                    </a>
                                    <a href="#">
                                        <img src="https://yanxuan-item.nosdn.127.net/21216556e7d47a4e4277dcb36a16a486.png" alt="">
                                        <p class="name">书源彩色按动中性笔</p>
                                        <p class="price">¥189.00</p>
                                    </a>
                                    <a href="#">
                                        <img src="https://yanxuan-item.nosdn.127.net/ad8622d58c92bcebab15bc4b66825f79.jpg" alt="">
                                        <p class="name">男女专业防水户外越野跑鞋</p>
                                        <p class="price">¥1066.00</p>
                                    </a>
                                </li>
                            </div>
                            <div class="swiper-slide">
                                <li>
                                    <a href="#">
                                        <img src="uploads/goods1.png" alt="">
                                        <p class="name">随时随地喝热水英国摩飞便携式智能烧水壶</p>
                                        <p class="price">¥189.00</p>
                                    </a>
                                    <a href="#">
                                        <img src="uploads/goods2.png" alt="">
                                        <p class="name">在家就能洗牙洁碧电动冲牙器水牙线家用型</p>
                                        <p class="price">¥1099.00</p>
                                    </a>
                                    <a href="#">
                                        <img src="https://yanxuan-item.nosdn.127.net/cd2a6c9db98f656eb0386f2cc9b0b2b5.png" alt="">
                                        <p class="name">迅速秒降温不锈钢冰粒块冷饮酒饮</p>
                                        <p class="price">¥49.00</p>
                                    </a>
                                    <a href="#">
                                        <img src="https://yanxuan-item.nosdn.127.net/73a9f37c20407482fc839f0ee0215cbc.png" alt="">
                                        <p class="name">混合全单初学者入门民谣木吉他</p>
                                        <p class="price">¥189.00</p>
                                    </a>
                                </li>
                            </div>
                            <div class="swiper-slide">
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan-item.nosdn.127.net/487cba1e2f2b3902cb6f9e97bb8fb013.png" alt="">
                                        <p class="name">超细纤维擦车厨房多用清洁抹布</p>
                                        <p class="price">¥21.90</p>
                                    </a>
                                    <a href="#">
                                        <img src="https://yanxuan-item.nosdn.127.net/c6b55b6c00180b568c0dd9beabeebe01.png" alt="">
                                        <p class="name">美好即刻呈现富士手机照片打印机miniLink</p>
                                        <p class="price">¥868.00</p>
                                    </a>
                                    <a href="#">
                                        <img src="https://yanxuan-item.nosdn.127.net/99c83709ca5f9fd5c5bb35d207ad7822.png" alt="">
                                        <p class="name">1件装【新疆棉】云珍·轻软旅行长绒棉方巾</p>
                                        <p class="price">¥9.90</p>
                                    </a>
                                    <a href="#">
                                        <img src="https://yanxuan-item.nosdn.127.net/714214e5329b7b275c096e1f8e536241.png" alt="">
                                        <p class="name">26寸纯PC铝框拉杆箱</p>
                                        <p class="price">¥376.00</p>
                                    </a>
                                </li>
                            </div>

                        </div>
                        <div class="swiper-button-next"></div>
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-pagination"></div>
                    </div>
                </ul>
            </div>
        </div>
    </div>
    <div class="margin20"></div>
    <!-- 公共底部 -->
    <div class="xtx_footer clearfix ">
        <div class="wrapper ">
            <!-- 联系我们 -->
            <div class="contact clearfix ">
                <dl>
                    <dt>客户服务</dt>
                    <dd class="chat ">在线客服</dd>
                    <dd class="feedback ">问题反馈</dd>
                </dl>
                <dl>
                    <dt>关注我们</dt>
                    <dd class="weixin ">公众号</dd>
                    <dd class="weibo ">微博</dd>
                </dl>
                <dl>
                    <dt>下载APP</dt>
                    <dd class="qrcode ">
                        <img src="./uploads/qrcode.jpg ">
                    </dd>
                    <dd class="download ">
                        <span>扫描二维码</span>
                        <span>立马下载APP</span>
                        <a href="javascript:; ">下载页面</a>
                    </dd>
                </dl>
                <dl>
                    <dt>服务热线</dt>
                    <dd class="hotline ">
                        400-0000-000
                        <small>周一至周日 8:00-18:00</small>
                    </dd>
                </dl>
            </div>
        </div>
        <!-- 其它 -->
        <div class="extra ">
            <div class="wrapper ">
                <!-- 口号 -->
                <div class="slogan ">
                    <a href="javascript:; " class="price ">价格亲民</a>
                    <a href="javascript:; " class="express ">物流快捷</a>
                    <a href="javascript:; " class="quality ">品质新鲜</a>
                </div>
                <!-- 版权信息 -->
                <div class="copyright ">
                    <p>
                        <a href="javascript:; ">关于我们</a>
                        <a href="javascript:; ">帮助中心</a>
                        <a href="javascript:; ">售后服务</a>
                        <a href="javascript:; ">配送与验收</a>
                        <a href="javascript:; ">商务合作</a>
                        <a href="javascript:; ">搜索推荐</a>
                        <a href="javascript:; ">友情链接</a>
                    </p>
                    <p>CopyRight &copy; 小兔鲜儿</p>
                </div>
            </div>
        </div>
    </div>
    <!-- Initialize Swiper -->
    <script language="javascript">
        var swiper = new Swiper(".mySwiper", {
            cssMode: true,
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },
            pagination: {
                el: ".swiper-pagination",
            },
            mousewheel: true,
            keyboard: true,
        });
    </script>
</body>

</html>